page {
  width: 100%;
  height: 100%;
}
.body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.header {
  background: #ff0000;
  color: #fff;
  line-height: 100rpx;
  flex: 0 0 100rpx; /* 不放大不缩小固定100rpx */
}
.main {
  flex: 1;
  position: relative;
}
.main-scroll {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #f7f7f7;
}
.content {
  height: 120rpx;
  border-bottom: 1px solid rgb(219, 219, 219);
  .content_top {
    padding: 20rpx 30rpx;
    height: 80rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.list {
  height: 160rpx;
  border-bottom: 1px solid rgb(219, 219, 219);
  .list_ct {
    padding: 20rpx 30rpx;
    height: 120rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .list_left {
    height: 100rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    .list_title{
      font-weight: 700;
      font-size: 28rpx;
      letter-spacing: 2rpx;
    }
    .list_id{
      font-size: 26rpx;
      color: #747272;
      font-weight: 500;
    }
  }
  .list_right {
    height: 100rpx;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    .list_sucess{
      color: #25c056;
      margin-right: 20rpx;
      font-weight: 600;
    }
    .list_count{
      color: #25c056;
      font-weight: 600;
    }
    .list_time{
      font-size: 26rpx;
      color: #747272;
      font-weight: 600;
    }
  }
}


.headers{
  background-color: #ff0000;
  font-weight: 550;
  color: #FFFFFF;
  font-size: 32rpx;
  .center{
    display: flex;
    justify-content: space-between;
    padding: 0rpx 30rpx;
    align-items: center;
    z-index: 100000;
  }
  .box{
    width: 60rpx;
  }
}
.jticon{
  vertical-align: middle;
}